// ************************************************************************************************
// Objet type DIV 3D
// VERSION:
// DATE:
// ************************************************************************************************
// PROPRIETES DE cr?ation :                                                             OBLIGATOIRE
// Titre:               Titre de la zone                                                        OUI
// Style:               Style de la DIV:                                                        NON
//                            * default:tout gris
//                            * treeview:avec titre gris contenu blanc
//                            * fenetre:titre+contenu tout gris
// ************************************************************************************************
// METHODES

objDiv3D.prototype.nbreInstance=0;

// *************************************
// CONSTRUCTEUR DE L'OBJET
// *************************************
function objDiv3D(titre,style,mode){
// PROPRIETES
//alert('objDiv3D titre= '+titre+' style= '+style+' mode= '+mode);
        this.id=objDiv3D.prototype.nbreInstance++;
        this.titre = titre ? titre :"";
        this.style = style ? style :"default";
        this.mode = mode || "avecInnerHtml";
}



// *******************************************
// GENERATION DE L'INSTANCE SUR LE DOM
// *******************************************
        objDiv3D.prototype.createDiv3D=function(parent,style) {
        this.divSup=document.createElement("DIV");
        
        this.parent = parent;
        this.tableau=document.createElement("TABLE");
        this.tableau.className='tableau_Div3D';
       //cr?ation de la chaine contenant le HTML
       var str='<TABLE class="tableau_Div3D" height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>';
       str+='<TBODY>';

       if (this.style=="simple"){
       //Style de div entierement gris?
         //premier colonne avec les arrondis
         str+='<TR>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupg.gif" height=9></TD>';
         str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/sup.gif" height=9></TD>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupd.gif" height=9></TD>';
         str+='</TR>';
         //troisieme colonne avec le contenu
         str+='<TR>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif">&nbsp;</TD>';
         str+='<TD colspan="3" vAlign=top  background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVCONTENU"/></TD>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif">&nbsp;</TD>';
         str+='</TR>';
         //derniere colonne avec les arrondis
         str+='<TR>';
         str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfg.gif" height=15></TD>';
         str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/inf.gif" height=15><IMG height=15 src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/space15_15.gif" width=15></TD>';
         str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfd.gif" height=15></TD>';
         str+='</TR>';
       };

       if (this.style=="default"){
       //Style de div entierement gris?
         //premier colonne avec les arrondis
         str+='<TR>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupg.gif" height=9></TD>';
         str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/sup.gif" height=9></TD>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupd.gif" height=9></TD>';
         str+='</TR>';
         //deuxieme colonne avec le titre si il existe
         str+='<TR>';
         str+='<TD align="left" valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif" width="15"  height="100%"></TD>';
         str+='<TD height="15" width="19"  align=left background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVICONEG"/></TD>';
         str+='<TD width="100%"  align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVTITRE"/><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
         str+='<TD height="15" width="19" align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVICONED"/></TD>';
         str+='<TD valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif" width="15"  height="100%"></TD>';
         str+='</TR>';
         //troisieme colonne avec les arrondis de la barre de titre
         str+='<TR>';
         str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif"></TD>';
         str+='<TD height="9" colspan="3" align=middle vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';         
         str+='<TD width=10 height="9" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif"></TD>';
         str+='</TR>';
         //troisieme colonne avec le contenu
         str+='<TR>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif">&nbsp;</TD>';
         str+='<TD colspan="3" vAlign=top  background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVCONTENU"/></TD>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif">&nbsp;</TD>';
         str+='</TR>';
         //derniere colonne avec les arrondis
         str+='<TR>';
         str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfg.gif" height=15></TD>';
         str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/inf.gif" height=15><IMG height=15 src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/space15_15.gif" width=15></TD>';
         str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfd.gif" height=15></TD>';
         str+='</TR>';
       };
       if (this.style=="treeview"){
       //Style de div avec titre gris et contenu blanc
       //premier colonne avec les arrondis
       str+='<TR>';
       str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupg.gif" height=9></TD>';
       str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/sup.gif" height=9></TD>';
       str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupd.gif" height=9></TD>';
       str+='</TR>';
       //deuxieme colonne avec le titre si il existe
       str+='<TR>';
       str+='<TD  align="left" valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif" width="15" height="100%"></TD>';
       str+='<TD height="15" width="19"  align=left background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVICONEG"/></TD>';
       str+='<TD height="15" width="100%"  align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVTITRE"/><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD height="15" width="10" align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVICONED"/></TD>';
       str+='<TD  valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif" width="15" height="100%"></TD>';
       str+='</TR>';
       //troisieme colonne avec les arrondis de la barre de titre
       str+='<TR>';
       str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif"></TD>';
       str+='<TD height="9" colspan="3" align=middle vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD width=10 height="9" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif"></TD>';
       str+='</TR>';
       //troisieme colonne avec le contenu
       str+='<TR>';
       str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g_blanc.gif">&nbsp;</TD>';
       str+='<TD colspan="3" vAlign=top  background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond-blanc.gif"><DIV id="'+this.id+'_DIVCONTENU"/></TD>';
       str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d_blanc.gif">&nbsp;</TD>';
       str+='</TR>';
       //derniere colonne avec les arrondis
       str+='<TR>';
       str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfg2.gif" height=15><IMG height=15 src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/space15_15.gif" width=15></TD>';
       str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/inf2.gif" height=15><IMG height=15 src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/space15_15.gif" width=15></TD>';
       str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfd2.gif" height=15><IMG height=15 src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/space15_15.gif" width=15></TD>';
       str+='</TR>';
       };
       
       
       if (this.style=="fenetre"){
       //Style de div entierement gris?
       //premier colonne avec les arrondis
         str+='<TR>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupg.gif" height=9></TD>';
         str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/sup.gif" height=9></TD>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coinsupd.gif" height=9></TD>';
         str+='</TR>';
         //deuxieme colonne avec le titre si il existe
         str+='<TR height="20">';
         str+='<TD align="left" valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif" width="15"  height="100%"></TD>';
         str+='<TD height="15" width="19"  align=left background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVICONEG"/></TD>';
         str+='<TD width="100%"  align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV  id="'+this.id+'_DIVTITRE"/><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
         str+='<TD height="15" width="10" align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVICONED"/></TD>';
         str+='<TD valign="top""><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif" width="15"  height="100%"></TD>';
         str+='</TR>';
         //troisieme colonne avec les arrondis de la barre de titre
         str+='<TR>';
         str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif"></TD>';
         str+='<TD colspan="3"  height="5"  background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"></TD>';        
         str+='<TD width=10 height="9" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif"></TD>';
         str+='</TR>';
         //quatrieme colonne avec le filet s?parateur
         str+='<TR>';
         str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif"></TD>';
         str+='<TD colspan="3" height="3" width="100%" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fillet-separateur.gif"></TD>';
         str+='<TD width=10 height="9" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif"></TD>';
         str+='</TR>';

         //troisieme colonne avec le contenu
         str+='<TR>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/g.gif">&nbsp;</TD>';
         str+='<TD colspan="3" vAlign=top  background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond.gif"><DIV id="'+this.id+'_DIVCONTENU"/></TD>';
         str+='<TD width=9 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/d.gif">&nbsp;</TD>';
         str+='</TR>';
         //derniere colonne avec les arrondis
         str+='<TR>';
         str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfg.gif" height=15></TD>';
         str+='<TD colspan="3" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/inf.gif" height=15><IMG height=15 src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/space15_15.gif" width=15></TD>';
         str+='<TD width=15 background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coininfd.gif" height=15></TD>';
         str+='</TR>';
       };
       
       
       
       if (this.style=="fenetre2"){
       //Style de div avec barre de titre et contenu gris?
       //premier colonne avec les arrondis de la barre de titre
       str+='<TR>';
       str+='<TD width=9 height=9 align="left" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coin_haut_g.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD height=9 colspan="3" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/centre_haut.gif"></TD>';
       str+='<TD width=10 height=9 valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coin_haut_d.gif"><IMG height=9 src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width=9></TD>';
       str+='</TR>';
       //deuxieme colonne avec le titre si il existe
       str+='<TR>';
       str+='<TD height="16" align="left" valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/gauche_haut.gif" width="9"  height="100%"></TD>';
       str+='<TD width="19" height="16"  align=left background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond-haut.gif"><DIV id="'+this.id+'_DIVICONEG"/></TD>';
       str+='<TD width="849"  align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond-haut.gif"><DIV id="'+this.id+'_DIVTITRE"/><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD width="19" height="16" align=left vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond-haut.gif"><DIV id="'+this.id+'_DIVICONED"/></TD>';
       str+='<TD valign="top"><img src="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/droite_haut.gif" width="9"  height="100%"></TD>';
       str+='</TR>';
       //troisieme colonne avec les arrondis de la barre de titre
       str+='<TR>';
       str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coin_bas_g.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD height="9" colspan="3" align=middle vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/centre_bas.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD width=10 height="9" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coin_bas_d.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='</TR>';
       //quatieme colonne avec le contenu
       str+='<TR>';
       str+='<TD width=10 valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/gauche.gif">&nbsp;</TD>';
       str+='<TD colspan="3"  vAlign=top background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/fond_bas.gif"><DIV id="'+this.id+'_DIVCONTENU"/></TD>';
       str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/droite.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='</TR>';
        //derniere colonne avec les arrondis du bas de la fenetre
       str+='<TR>';
       str+='<TD valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coin_trebas_g.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD height=9 colspan="3" valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/centre_trebas.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='<TD height=9 valign="top" background="' + rialtoConfig.pathRialtoE + 'images/imgDiv3D/coin_trebas_d.gif"><img src="' + rialtoConfig.pathRialtoE + 'images/imgFenSimple/transparent.gif" width="9" height="9"></TD>';
       str+='</TR>';
       };

        // style cadre simple ombr?
        //-------------------------
        if (this.style == 'simpleCadre'){

           this.tDecor = document.createElement("TABLE");                   // <table>
           this.tDecor.style.top      = 0;   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tDecor.style.left     = 0;  //pour Mozilla

           this.tDecor.borderCollapse = 'collapse';     //pour Moz
           this.tDecor.cellPading     = 0;                  //pour Moz
           this.tDecor.cellSpacing    = 0;                 //pour Moz
//           this.tDecor.className = 'tableau_Div3D';

           this.tDecor.style.width    = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tDecor.style.height   = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
           var tbody = document.createElement('TBODY');                     // <tbody>

           //------------    1 ere ligne  -----------------------------------------------------------------------
           var ligne = document.createElement('TR')                         //    <tr>
           this.tDecor.csg = document.createElement('TD');                  //       <td>           Coin sup gche
           this.tDecor.csg.style.width      = 9;
           this.tDecor.csg.style.height     = 15;
           this.tDecor.csg.style.background = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/coinsupg.gif)";
           ligne.appendChild(this.tDecor.csg);

           this.tDecor.hs = document.createElement('TD');                   //        <td>           Horizontal sup
           this.tDecor.hs.style.width       = "auto";
//           this.tDecor.hs.style.colspan      = 3;
           this.tDecor.hs.style.height       = 15;
           this.tDecor.hs.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/sup.gif)";
           ligne.appendChild(this.tDecor.hs);

           this.tDecor.csd = document.createElement('TD');                  //       <td>           Coin sup droit
           this.tDecor.csd.style.width       = 9;
           this.tDecor.csd.style.height      = 15;
           this.tDecor.csd.style.background  = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/coinsupd.gif)";
           ligne.appendChild(this.tDecor.csd);

           tbody.appendChild(ligne);

           //------------    2 iere ligne  -----------------------------------------------------------------------

           ligne = document.createElement('TR')                             //    <tr>
           this.tDecor.g = document.createElement('TD');                    //       <td>           Bord gche
           this.tDecor.g.style.width         = 9;
           this.tDecor.g.style.height        = "100%";
           this.tDecor.g.style.background    = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/g.gif)";
           ligne.appendChild(this.tDecor.g);

           var fc = document.createElement('TD');                           //       <td>           Fond centre
//           fc.style.colspan                  = 3;
//           fc.style.width       = "auto";
//           fc.style.valign                   = "top";
           fc.style.background               = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/fond.gif)";
           this.tDecor.zoneCentrale = document.createElement('DIV');        //           <div>          Zone centrale DIV
           fc.appendChild(this.tDecor.zoneCentrale);
           ligne.appendChild(fc);

           this.tDecor.d = document.createElement('TD');                    //       <td>           Bord droit
           this.tDecor.d.style.width         = 9;
           this.tDecor.d.style.height        = "100%";
           this.tDecor.d.style.background    = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/d.gif)";
           ligne.appendChild(this.tDecor.d);

           tbody.appendChild(ligne);


           //------------    3 iere ligne  -----------------------------------------------------------------------
           ligne = document.createElement('TR')                             //    <tr>
           this.tDecor.cig = document.createElement('TD');                  //       <td>           Coin inf gche
           this.tDecor.cig.style.width      = 13;
           this.tDecor.cig.style.height     = 15;
           this.tDecor.cig.style.background = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/coininfg.gif)";
           ligne.appendChild(this.tDecor.cig);

           this.tDecor.hi = document.createElement('TD');                   //        <td>           Horizontal inf
//           this.tDecor.hi.style.colspan      = 3;
           this.tDecor.hi.style.height       = 15;
           this.tDecor.hi.style.width       = "auto";
           this.tDecor.hi.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/inf.gif)";
           ligne.appendChild(this.tDecor.hi);

           this.tDecor.cid = document.createElement('TD');                  //       <td>           Coin inf droit
           this.tDecor.cid.style.width       = 13;
           this.tDecor.cid.style.height      = 15;
           this.tDecor.cid.style.background  = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/coininfd.gif)";
           ligne.appendChild(this.tDecor.cid);

           tbody.appendChild(ligne);

           this.tDecor.appendChild(tbody);
        }
       else
       // sans elts ds 1 ere ligne icone titre boutons
       if (this.style == 'cadreFenetreSansTirette'){


           //---- Table externe
           this.tDecor = document.createElement("TABLE");
           // <table>
           this.tDecor.style.top = 0;   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tDecor.style.left = 0;  //pour Mozilla
           this.tDecor.borderCollapse = 'collapse';     //pour Moz
           this.tDecor.cellPading = 0;                  //pour Moz
           this.tDecor.cellSpacing = 0;                 //pour Moz
//           this.tDecor.className = 'tableau_Div3D';


           this.tDecor.style.width = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tDecor.style.height = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
           var tbody = document.createElement('TBODY');
// <tbody>


           //------------    1 ere ligne : trac? haut ----------------------------------------------------------------
           var ligne = document.createElement('TR')
//    <tr>
           //ligne.style.background   = "url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif')";
           this.tDecor.csgh = document.createElement('TD');
 //       <td>           Coin sup gche
           this.tDecor.csgh.style.width      = 9;
           this.tDecor.csgh.style.height     = 8;
           this.tDecor.csgh.style.background ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-g1.gif')";
           ligne.appendChild(this.tDecor.csgh);


           this.tDecor.hsh = document.createElement('TD');
 //        <td>           Horizontal sup
           this.tDecor.hsh.style.height       = 'auto';
           this.tDecor.hsh.style.background   ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif')";
           ligne.appendChild(this.tDecor.hsh);
/*
           this.tDecor.divTirette = document.createElement('DIV');
      //   <div>        div pour tirette
           this.tDecor.divTirette.style.width = '83px';
           this.tDecor.divTirette.style.height = 6;
           this.tDecor.divTirette.style.position = 'absolute';
           this.tDecor.divTirette.style.left = 0; //130;
           this.tDecor.divTirette.style.top = 0;
           this.tDecor.tirette=document.createElement('IMG');
            //     <img>       image tirette
           this.tDecor.tirette.src=rialtoConfig.pathRialtoE+"images/imgDiv3D/tirette_popup2.gif";
           this.tDecor.tirette.style.height       = '19';
           this.tDecor.divTirette.appendChild(this.tDecor.tirette);
*/



           this.tDecor.csdh = document.createElement('TD');
 //       <td>           Coin sup droit
           this.tDecor.csdh.style.width       = 9;
           this.tDecor.csdh.style.height      = 8;
           this.tDecor.csdh.style.background  ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-d1.gif')";
           ligne.appendChild(this.tDecor.csdh);


           tbody.appendChild(ligne);


           //------------    2 ieme ligne  : images bords externes + zone de titre avec icone et boutons --------------------
           var ligne = document.createElement('TR')
//    <tr>
//          ligne.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif)";
          ligne.style.backgroundColor = 'white';
// 1ere cell
/*          possible mais inutile:
           this.tDecor.cCsg = document.createElement('TD');
 //       <td>           Coin sup gche
           this.tDecor.divCsg = document.createElement('DIV');
  //   <div>        div pour csg
           this.tDecor.csg
           document.createElement('IMG');//     <img>       image icone
           this.tDecor.csg.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-g2.gif";
           this.tDecor.csg.style.width        = "9";
           this.tDecor.csg.style.height       = "24";
           this.tDecor.divCsg.appendChild(this.tDecor.csg);
           this.tDecor.cCsg.appendChild (this.tDecor.divCsg);
           ligne.appendChild(this.tDecor.cCsg);



 */


           this.tDecor.csgb = document.createElement('TD');
 //       <td>           Coin sup gche
           this.tDecor.csgb.style.width      = 9;
           this.tDecor.csgb.style.height     = 24;
           this.tDecor.csgb.style.background ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-g2.gif')";
           ligne.appendChild(this.tDecor.csgb);


 // 2ieme cell : table interne
// pour test  ? la place du tableau


           this.tDecor.chh = document.createElement('TD');
//       zone horiz centrale
           this.tDecor.chh.style.width      = "auto";
//           this.tDecor.chh.style.background = "green";
           this.tDecor.chh.background ="url('"+ rialtoConfig.pathRialtoE+"images/imgFenSimple/transparent.gif')";
           ligne.appendChild(this.tDecor.chh);


// 3 ieme cell
           this.tDecor.csdb = document.createElement('TD');
 //       <td>           Coin sup droit
           this.tDecor.csdb.style.width       = 9;
           this.tDecor.csdb.style.height      = 24;
           this.tDecor.csdb.style.background  ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-d2.gif')";
           ligne.appendChild(this.tDecor.csdb);


           tbody.appendChild(ligne);


           //------------    3 iere ligne  bords gche et droit + zone Centrale r?ceptacle-----------------------------------------


           ligne = document.createElement('TR')
//    <tr>
// ? utiliser coupl? avec 1 reduction de hauteur de la div ds laquelle s inscrit obj2D:
//           ligne.style.display= 'none';


           this.tDecor.g = document.createElement('TD');
//       <td>           Bord gche
           this.tDecor.g.style.background    ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/gauche.gif')";
           ligne.appendChild(this.tDecor.g);


           var fc = document.createElement('TD');
//       <td>           Fond centre
           fc.style.background ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/fond.gif')";
           this.tDecor.zoneCentrale = document.createElement('DIV');
//           <div>          Zone centrale DIV
// pour obteinr 1 taille min independante du contenu min (a parametrer)
//           this.tDecor.zoneCentrale.style.overflow = 'hidden';
           fc.appendChild(this.tDecor.zoneCentrale);
           ligne.appendChild(fc);


           this.tDecor.d = document.createElement('TD');
//       <td>           Bord droit
           this.tDecor.d.style.background    ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/droit.gif')";
           ligne.appendChild(this.tDecor.d);


           tbody.appendChild(ligne);



           //------------    4 iere et derniere ligne-----------------------------------------------------------------------
           ligne = document.createElement('TR')
//    <tr>
           this.tDecor.cig = document.createElement('TD');
//       <td>           Coin inf gche
           this.tDecor.cig.style.width      = 9;
//semble inutile           this.tDecor.cig.style.height     = 12;
           this.tDecor.cig.style.background ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/bas-gauche.gif')";
           ligne.appendChild(this.tDecor.cig);


           this.tDecor.hi = document.createElement('TD');
//        <td>           Horizontal inf
           this.tDecor.hi.colspan      = 2;
           this.tDecor.hi.style.height       = 12;
//           this.tDecor.hi.style.width       = "auto";
           this.tDecor.hi.style.background   ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/bas_centre.gif')";
           ligne.appendChild(this.tDecor.hi);


           this.tDecor.cid = document.createElement('TD');
//       <td>           Coin inf droit
           this.tDecor.cid.style.width       = 9;
//semble inutile           this.tDecor.cid.style.height      = 12;
           this.tDecor.cid.style.background  ="url('"+ rialtoConfig.pathRialtoE+"images/imgDiv3D/bas-droit.gif')";
           ligne.appendChild(this.tDecor.cid);


           tbody.appendChild(ligne);


           this.tDecor.appendChild(tbody);
        }

        else
        //--- zone de pr?sentation des boutons de l'Editeur correspondants ? la navigation ds la liste de docts li?s
        //----------------------------------------------------------------------------------------------------------
        if (this.style == 'dockBar_navigListe_Editeur'){
        
           this.vueDockBarGen();  // bas? sur la zone de pr?sentation de boutons g?n?rique

           this.dockBar.img = new Array;
           this.dockBar.img['First']  = 'btonFirstDoct';
           this.dockBar.img['Prev']   = 'btonPrevDoct';
           this.dockBar.img['Next']   = 'btonNextDoct';
           this.dockBar.img['Last']   = 'btonLastDoct';
           this.dockBar.img['Fin']    = 'btonFinListe';

           this.dockBar.img['NoPrev']   = 'btonPrevDoctSob';
           this.dockBar.img['NoNext']   = 'btonNextDoctSob';

           this.dockBar.img['Espace'] = 'espaceSep';


        }
        
        else
        //--- zone de pr?sentation des boutons de l'Editeur correspondants ? la navigation ds la liste de docts li?s
        //----------------------------------------------------------------------------------------------------------
        if (this.style == 'dockBar_reSize_Fenetre'){
        
           this.vueDockBarGen();  // bas? sur la zone de pr?sentation de boutons g?n?rique

           this.dockBar.img = new Array;
           this.dockBar.img['Min']    = 'btonFenReduc';
           this.dockBar.img['Max']    = 'btonFenMax';
           this.dockBar.img['Close']  = 'btonFenFerm';
           this.dockBar.img['Res']  = 'btonFenRestaur';

           this.dockBar.img['Espace']  = 'espaceSep';

           this.dockBar.img['WinsMin']  = 'btonFenReduc';     // arret du mode pleine page
           this.dockBar.img['WinsRes']  = 'btonFenRestaur';     // arret du mode pleine page
           this.dockBar.img['WinsClose']  = 'btonFenFerm';     // arret du mode pleine page
        }

        else
        //--- avec 2 tableaux; avec poign?e de d?placement boutons de redimmensionnement ...
        //-----------------------------------------------------------------
        if (this.style == 'FenetreAvecTirette'){

           this.diffExtInt = 22; // diff?rence cadre-externe cadre-container 
           this.hTitre    = 32; // hauteur occup? par la zone de titre
           this.hBasCadre = 12; // hauteur arrondi bas
           this.wBords =  9 + 9; //larg occup?e par bords
                                    // telles que hauteur Fenetre = hTitre + hauteur zone contenu + hBasCadre
           this.hBordBas = 12; // hauteur bord bas
           this.majTirette = function(width) {
               this.tDecor.divTirette.style.left =   (width / 2 )
                                                   - (getComputStyle(this.tDecor.divTirette,'width') / 2);
           }

           this.affTirette = function (){
             this.tDecor.divTirette.style.display = 'block';
           }

           this.masqueTirette = function(){
             this.tDecor.divTirette.style.display = 'none';
           }


           //---- Table externe
           this.tDecor = document.createElement("TABLE");                   // <table>
           this.tDecor.style.top = 0;   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tDecor.style.left = 0;  //pour Mozilla

           this.tDecor.borderCollapse = 'collapse';     //pour Moz
           this.tDecor.cellPading = 0;                  //pour Moz
           this.tDecor.cellSpacing = 0;                 //pour Moz
//           this.tDecor.className = 'tableau_Div3D';

           this.tDecor.style.width = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tDecor.style.height = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
           var tbody = document.createElement('TBODY');                     // <tbody>

           //------------    1 ere ligne : trac? + tirette  -------------------- --------------------------------------------
           this.tDecor.fLigne = document.createElement('TR')                         //    <tr>
//           this.tDecor.fLigne.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif)";
           this.tDecor.csgh = document.createElement('TD');                  //       <td>           Coin sup gche
           this.tDecor.csgh.style.width      = 9;
           this.tDecor.csgh.style.height     = 8;
           this.tDecor.csgh.style.background = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-g1.gif)";
           this.tDecor.fLigne.appendChild(this.tDecor.csgh);

/*          autre option possible une Div ind?pendante du tableau ? positionner ds le cadre
           accueillant le tableau :
           this.tDecor.hsh = document.createElement('TD');                   //        <td>           Horizontal sup
           this.tDecor.hsh.style.height       = 'auto';
           this.tDecor.hsh.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif)";
           ligne.appendChild(this.tDecor.hsh);

           this.tDecor.divTirette = document.createElement('DIV');                //   <div>        div pour tirette
           this.tDecor.divTirette.style.width = '83px';
           this.tDecor.divTirette.style.height = 6;
           this.tDecor.divTirette.style.position = 'absolute';
           this.tDecor.divTirette.style.left = 0; //130;
           this.tDecor.divTirette.style.top = 0;
           this.tDecor.tirette                    = document.createElement('IMG');//     <img>       image tirette
           this.tDecor.tirette.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/tirette_popup2.gif";
           this.tDecor.tirette.style.height       = '19';
           this.tDecor.divTirette.appendChild(this.tDecor.tirette);
*/

           this.tDecor.cTirette = document.createElement('TD');                   //  <td>         image tirette
           this.tDecor.cTirette.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif)";
//           this.tDecor.cTirette.style.width = '83';                                              //------------
           this.tDecor.divTirette = document.createElement('DIV');                //   <div>        div pour tirette

           this.tDecor.divTirette.style.width     = '83px';
           this.tDecor.divTirette.style.height    = 6;
           this.tDecor.divTirette.style.position  = 'absolute';
           this.tDecor.divTirette.style.left      = 0;
           this.tDecor.divTirette.style.top       = 0;
           this.tDecor.tirette                    = document.createElement('IMG');//     <img>       image tirette
           this.tDecor.tirette.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/tirette_popup.gif";
           this.tDecor.tirette.style.height       = '19';
           this.tDecor.divTirette.appendChild(this.tDecor.tirette);

           this.tDecor.cTirette.appendChild (this.tDecor.divTirette);
           this.tDecor.fLigne.appendChild(this.tDecor.cTirette);


           this.tDecor.csdh = document.createElement('TD');                  //       <td>           Coin sup droit
           this.tDecor.csdh.style.width       = 9;
           this.tDecor.csdh.style.height      = 8;
           this.tDecor.csdh.style.background  = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-d1.gif)";
           this.tDecor.fLigne.appendChild(this.tDecor.csdh);

           tbody.appendChild(this.tDecor.fLigne);

           //------------    2 ieme ligne  : images bords externes + zone de titre avec icone et boutons --------------------
           var ligne = document.createElement('TR')                         //    <tr>
//          ligne.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif)";
          ligne.style.backgroundColor = 'white';
// 1ere cell
/*          possible mais inutile:
           this.tDecor.cCsg = document.createElement('TD');                  //       <td>           Coin sup gche
           this.tDecor.divCsg = document.createElement('DIV');                //   <div>        div pour csg
           this.tDecor.csg                    = document.createElement('IMG');//     <img>       image icone
           this.tDecor.csg.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-g2.gif";
           this.tDecor.csg.style.width        = "9";
           this.tDecor.csg.style.height       = "24";
           this.tDecor.divCsg.appendChild(this.tDecor.csg);
           this.tDecor.cCsg.appendChild (this.tDecor.divCsg);
           ligne.appendChild(this.tDecor.cCsg);


 */

           this.tDecor.csgb = document.createElement('TD');                  //       <td>           Coin sup gche
           this.tDecor.csgb.style.width      = 9;
           this.tDecor.csgb.style.height     = 24;
           this.tDecor.csgb.style.background = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-g2.gif)";
           ligne.appendChild(this.tDecor.csgb);

 // 2ieme cell : table interne
// pour test  ? la place du tableau
/*
           this.tDecor.chh = document.createElement('TD');                  //       zone horiz centrale
           this.tDecor.chh.style.width      = "auto";
           this.tDecor.chh.style.background = "green";
           ligne.appendChild(this.tDecor.chh);
*/
           this.tDecor.cTabl = document.createElement('TD');                   //        <td>         icone appli + nom
           this.tDecor.cTabl.style.width       = "auto";

//inutile:           this.tDecor.divEncadrtTablIntern = document.createElement('DIV');
//          this.tDecor.cTabl.appendChild(this.tDecor.divEncadrtTablIntern);

           // table pour figurer les diff?rents elts de la 1ere ligne
           this.tBarreTitre = document.createElement("TABLE");                   // <table>
           this.tBarreTitre.style.tableLayout = "fixed";
           this.tBarreTitre.style.top = 0;   //pour Mozilla  sinon semble heriter des valeurs du pere
           this.tBarreTitre.style.left = 0;  //pour Mozilla
           this.tBarreTitre.borderCollapse = 'collapse';     //pour Moz
           this.tBarreTitre.cellPading = 0;                  //pour Moz
           this.tBarreTitre.cellSpacing = 0;                 //pour Moz
           this.tBarreTitre.style.width =  "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere

           var tbodyTitre = document.createElement('TBODY');                // <tbody>
           this.ligneTitre  = document.createElement('TR');                  // <tr>

           this.tDecor.cIco = document.createElement('TD');                   //  <td>
           this.tDecor.cIco.style.width       = 20;
           this.tDecor.cIco.style.height      = 19;
           this.tDecor.divIco = document.createElement('DIV');                //   <div>        div pour icone
           this.tDecor.divIco.style.width        = "20";    //'24';
           this.tDecor.divIco.style.height       = '19';    //'23';
           this.tDecor.divIco.style.background  = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/icon_box2.gif)";
           this.tDecor.cIco.appendChild (this.tDecor.divIco);
           this.ligneTitre.appendChild(this.tDecor.cIco);

           this.tDecor.cNom = document.createElement('TD');                   //  <td>         nom
           this.tDecor.divNom = document.createElement('DIV');                //   <div>        div pour nom
           this.tDecor.divNom.appendChild(document.createTextNode("Nom ? double rallonges de l'application"));    //     #text       nom appli
           this.tDecor.divNom.className = "titreFenetre";
           this.tDecor.cNom.appendChild(this.tDecor.divNom);
           this.ligneTitre.appendChild(this.tDecor.cNom);

           this.tDecor.cSepApTitre = document.createElement('TD');                   //  <td>         zone vide pour entretenir un decalage
                                                                                               // entre nom et icones
           this.tDecor.cSepApTitre.style.width = '20';                                              //------------
           this.ligneTitre.cellAfterTittle = this.tDecor.cSepApTitre;
           this.tDecor.divSepApTitre = document.createElement('DIV');                //   <div>        div pour espace
//           this.tDecor.divSep.background = 'url(rialtoEngine/images/imgFenSimple/transparent.gif)';
           this.tDecor.cSepApTitre.appendChild (this.tDecor.divSepApTitre);
           this.ligneTitre.appendChild(this.tDecor.cSepApTitre);

           this.ligneTitre.img = new Array;
           this.ligneTitre.img['Min']    = 'btonFenReduc';
           this.ligneTitre.img['Max']    = 'btonFenMax';
           this.ligneTitre.img['Close']  = 'btonFenFerm';
           this.ligneTitre.img['Res']  = 'btonFenRestaur';

           this.ligneTitre.img['Espace']  = 'espaceSep';

           this.ligneTitre.img['WinsMin']  = 'btonFenReduc';     // arret du mode pleine page
           this.ligneTitre.img['WinsRes']  = 'btonFenRestaur';     // arret du mode pleine page
           this.ligneTitre.img['WinsClose']  = 'btonFenFerm';     // arret du mode pleine page


           this.ligneTitre.addScdName = function (scdName){
           //---------------------------------------------------
            this.divNom.firstChild.nodeValue += ' - [' + scdName + ']' ;
           /* a revoir, permettrait de difff?rentier les styles du titre et ss-titre
              mais pose des probl?mes de positionnement du sous-titre
             var cScdNom = document.createElement('TD');                   //  <td>         nom

             var divScdNom = document.createElement('DIV');                //   <div>        div pour nom
             divScdNom.appendChild(document.createTextNode(' - '+scdName));
             divScdNom.className = "scdTitreFenetre";

             cScdNom.appendChild(divScdNom);

             this.insertBefore(cScdNom,this.cellAfterTittle);
           */
           }
           this.ligneTitre.removeScdName = function (){
           //------------------------------------------
             var titrePrinc = this.divNom.firstChild.nodeValue.replace (/\s-\s\[.+\]/g,'');
             this.divNom.firstChild.nodeValue = titrePrinc;
           }

           this.ligneTitre.displayBton = function (pos,type,mode){
           //---------------------------------------------------
           traceExec('displayBton  pos= '+pos+' type= '+type+' mode= '+mode,61 );
           // passage ? une position de bouton donn?e (pos) ? un (type) des types enregistr?s avec className associ? (img)
               var div = this.lCellBtons[pos].firstChild;
               if (!div.lImg[type])
                 alert('Aucun bouton de ce type enregistr? ? cette position');
               else {
                 div.className = div.lImg[type] + mode;
                 div.currentType = type;

               }
           }

           this.ligneTitre.remBton = function (pos){
           //---------------------------------------
                this.removeChild(this.lCellBtons[pos]);
                if (pos == (this.lCellBtons.length-1))
                   this.lCellBtons.length--;

           }

           this.ligneTitre.addBton = function (pos,type,img){
           //-----------------------------------------------
           // enregistrement ? une position de bouton donn?e (pos) d un type (type) de bouton avec className associ? (img)
             // extraction nom de m?thode si differente du type

             if (!this.lCellBtons) {
               this.lCellBtons = new Array;    //il faudrait plutot  utiliser l attribut DOM de rencensement des cellules
             }
             //------- nvlle position
             if ((this.lCellBtons.length - 1) < pos){
               var cSep;
               // cr?ation des positions manquantes avant celle ? ajouter
               for (var i=this.lCellBtons.length; i< pos; i++){
                 cSep = document.createElement('TD');                   //  <td>         zone vide pour entretenir un decalage
                 cSep.style.width = '20';
                 var divSep = document.createElement('DIV');                //   <div>        div pour espace
//               divSep.style.background = 'url(rialtoEngine/images/imgFenSimple/transparent.gif)';
                 cSep.appendChild (divSep);
                 this.lCellBtons[i] = cSep;
                 this.lCellBtons[i].espace = true;
                 this.appendChild(cSep);
               }
               // cr?ation de la position du nv bouton
               this.lCellBtons[pos] = document.createElement('TD');
               this.lCellBtons[pos].style.width = '20';
               var div = document.createElement('DIV');
//               var refImg;  if (img)  refImg = img; else refImg = this.img[type];

               if (type.indexOf('space')==-1){
                var refImg = img ? img : this.img[type];
                //div.style.background = 'url('+ refImg + ')';
                div.className = refImg + 'Off';
                div.lImg = new Array;
                div.lImg[type] = refImg;
                div.currentType = type;
traceExec('div3D div.currentType= '+div.currentType+' type= '+type,61);
                div.onmouseout = function()  {
                   this.className = this.lImg[this.currentType]+'Off';
                }
                div.onmouseover= function()  {
                   this.className = this.lImg[this.currentType] + 'On';
                }
               }
               this.lCellBtons[pos].appendChild(div);
               this.appendChild(this.lCellBtons[pos]);
             }

             //------- position d?ja occup?e  : ajout d'1 type de bouton
             else {
               if (type.indexOf('space')==-1){   // l ajout d 1 esp sur 1 bton n' a pas l'effet d une alternative
                var div = this.lCellBtons[pos].firstChild;
                if (!div.lImg){
                  div.lImg = new Array;
                  div.onmouseout = function()  {
                     this.className = this.lImg[this.currentType]+'Off';
                  }
                  div.onmouseover= function()  {
                     this.className = this.lImg[this.currentType] + 'On';
                  }
                }
                var refImg = img ? img : this.img[type];
                //div.style.background = 'url('+ refImg + ')';
                div.className = refImg + 'Off';  // bascule
                div.lImg[type]  = refImg;        // enregistrement
                div.currentType = type;          // index
traceExec('div3D ++ div.currentType= '+div.currentType+' type= '+type,61);
               }
             }

             //-------- renvoi la div repr?sentant le bouton
//             return  this.lCellBtons[pos];
             return  div;
           }

 /* remplac? par addBton
           this.tDecor.cBton1 = document.createElement('TD');                   //  <td>         icone bton 1
           this.tDecor.cBton1.style.width = '20px';                                              //------------
           this.tDecor.divBton1 = document.createElement('DIV');                //   <div>        div pour icone
           this.tDecor.divBton1.className = 'btonFenReducOff';
           this.tDecor.divBton1.onmouseout = function()  {this.style.background="url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-reduir.gif)";}
           this.tDecor.divBton1.onmouseover= function()  {this.style.background="url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-reduir_on.gif)";}
*/
/* inutile
           this.tDecor.bton1                    = document.createElement('IMG');//     <img>       image icone
           this.tDecor.bton1.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-reduir_off2.gif";
           this.tDecor.bton1.style.width        = "20";
           this.tDecor.bton1.style.height       = '19';
           this.tDecor.bton1.onmouseout = function()  {this.src=rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-reduir_off2.gif";}
           this.tDecor.bton1.onmouseover= function()  {this.src=rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-reduir_on2.gif";}
           this.tDecor.divBton1.appendChild(this.tDecor.bton1);
*/
 /* remplac? par addBton
           this.tDecor.cBton1.appendChild (this.tDecor.divBton1);
           this.ligneTitre.appendChild(this.tDecor.cBton1);

           this.tDecor.cBton2 = document.createElement('TD');                   //  <td>         icone bton 2
           this.tDecor.cBton2.style.width = '20';                                              //------------
           this.tDecor.divBton2 = document.createElement('DIV');                //   <div>        div pour icone
           this.tDecor.divBton2.className = 'btonFenRestaurOff';
           this.tDecor.divBton2.onmouseout = function()  {this.style.background="url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-multifenetre.gif)";}
           this.tDecor.divBton2.onmouseover= function()  {this.style.background="url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-multifenetre_on.gif)";}
*/
/* inutile
           this.tDecor.bton2                    = document.createElement('IMG');//     <img>       image icone
           this.tDecor.bton2.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-multifenetre_off2.gif";
           this.tDecor.bton2.style.width        = "20";
           this.tDecor.bton2.style.height       = '19';
           this.tDecor.bton2.onmouseout = function()  {this.src=rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-multifenetre_off2.gif";}
           this.tDecor.bton2.onmouseover= function()  {this.src=rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-multifenetre_on2.gif";}
           this.tDecor.divBton2.appendChild(this.tDecor.bton2);
*/
/* remplac? par addBton
           this.tDecor.cBton2.appendChild (this.tDecor.divBton2);
           this.ligneTitre.appendChild(this.tDecor.cBton2);
//*/
//           this.ligneTitre.addBton(0,'min');
//           this.ligneTitre.addBton(1,'max');
//           this.ligneTitre.addBton(2,'close');
/* remplace par l appel de addBton
           this.tDecor.cBton3 = document.createElement('TD');                   //  <td>         icone bton 3
           this.tDecor.cBton3.style.width = '20';                                              //------------
           this.tDecor.divBton3 = document.createElement('DIV');                //   <div>        div pour icone
           this.tDecor.divBton3.className = 'btonFenFermOff';
           this.tDecor.divBton3.onmouseout = function()  {this.className = 'btonFenFermOff';}
           this.tDecor.divBton3.onmouseover= function()  {this.className = 'btonFenFermOn';}
*/
/*
           this.tDecor.bton3                    = document.createElement('IMG');//     <img>       image icone
           this.tDecor.bton3.src                = rialtoConfig.pathRialtoE+"images/imgDiv3D/icon-fermer_off2.gif";
           this.tDecor.bton3.style.width        = "20";
           this.tDecor.bton3.style.height       = '19';
           this.tDecor.divBton3.appendChild(this.tDecor.bton3);
*/
/*
           this.tDecor.cBton3.appendChild (this.tDecor.divBton3);
           this.ligneTitre.appendChild(this.tDecor.cBton3);
*/

           tbodyTitre.appendChild(this.ligneTitre);
           this.tBarreTitre.appendChild(tbodyTitre);

           this.tDecor.cTabl.appendChild(this.tBarreTitre);
//div inutile           this.tDecor.divEncadrtTablIntern.appendChild(this.tBarreTitre);
           ligne.appendChild(this.tDecor.cTabl);

// 3 ieme cell
           this.tDecor.csdb = document.createElement('TD');                  //       <td>           Coin sup droit
           this.tDecor.csdb.style.width       = 9;
           this.tDecor.csdb.style.height      = 24;
           this.tDecor.csdb.style.background  = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-d2.gif)";
           ligne.appendChild(this.tDecor.csdb);

           tbody.appendChild(ligne);

           //------------    3 iere ligne  bords gche et droit + zone Centrale r?ceptacle-----------------------------------------

           this.ligneCentre = document.createElement('TR')                             //    <tr>
// ? utiliser coupl? avec 1 reduction de hauteur de la div ds laquelle s inscrit obj2D:
//           ligne.style.display= 'none';

           this.tDecor.g = document.createElement('TD');                    //       <td>           Bord gche
           this.tDecor.g.style.background    = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/gauche.gif)";
           this.ligneCentre.appendChild(this.tDecor.g);

           var fc = document.createElement('TD');                           //       <td>           Fond centre
           fc.style.background               = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/fond.gif)";
           this.tDecor.zoneCentrale = document.createElement('DIV');        //           <div>          Zone centrale DIV
//           this.tDecor.zoneCentrale.style.background  = 'red';
// pour obteinr 1 taille min independante du contenu min
//           this.tDecor.zoneCentrale.style.overflow = 'hidden';
           fc.appendChild(this.tDecor.zoneCentrale);
           this.ligneCentre.appendChild(fc);

           this.tDecor.d = document.createElement('TD');                    //       <td>           Bord droit
           this.tDecor.d.style.background    = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/droit.gif)";
           this.ligneCentre.appendChild(this.tDecor.d);

           tbody.appendChild(this.ligneCentre);


           //------------    4 iere et derniere ligne  -----------------------------------------------------------------------
           ligne = document.createElement('TR')                             //    <tr>
           this.tDecor.cig = document.createElement('TD');                  //       <td>           Coin inf gche
           this.tDecor.cig.style.width      = 9;
//semble inutile           this.tDecor.cig.style.height     = 12;
           this.tDecor.cig.style.background = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/bas-gauche.gif)";
           ligne.appendChild(this.tDecor.cig);

           this.tDecor.hi = document.createElement('TD');                   //        <td>           Horizontal inf
           this.tDecor.hi.colspan      = 2;
           this.tDecor.hi.style.height       = 12;
//           this.tDecor.hi.style.width       = "auto";
           this.tDecor.hi.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/bas_centre.gif)";
           ligne.appendChild(this.tDecor.hi);

           this.tDecor.cid = document.createElement('TD');                  //       <td>           Coin inf droit
           this.tDecor.cid.style.width       = 9;
//semble inutile           this.tDecor.cid.style.height      = 12;
           this.tDecor.cid.style.background  = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/bas-droit.gif)";
           ligne.appendChild(this.tDecor.cid);

           tbody.appendChild(ligne);

           this.tDecor.appendChild(tbody);


//           return;  // a revoir
        }

        if (this.mode == 'sansInnerHtml') {
          if (this.parent)
             this.parent.appendChild(this.tDecor);
          return;
        }
//alert('this.mode= '+this.mode+' this.style= '+this.style+' this.id= '+this.id);
       str+='</TBODY>';
       str+='</TABLE>';
/*
       // Ajout du HTML dans le parent       
//       this.parent.innerHTML+=str;  //Pourquoi avoir remplacer ce code : incompr?hension du mode 'avecInnerHtml'
       this.divSup.style.width='100%';
       this.divSup.style.height='100%';
       this.divSup.innerHTML+=str;
       this.parent.appendChild(this.divSup);
       alert('this.parent.className = '+this.parent.className);

       //RECUPERATION DE LA ZONE ICONE GAUCHE
       this.DivIconeG=document.getElementById(this.id+"_DIVICONEG");

       //RECUPERATION DE LA ZONE ICONE DROITE
       this.DivIconeD=document.getElementById(this.id+"_DIVICONED");
       if (this.DivIconeD){this.DivIconeD.style.position="absolute";}

       //RECUPERATION DE LA ZONE TITRE
       this.DivTitre=document.getElementById(this.id+"_DIVTITRE");
       if (this.DivTitre){
         this.DivTitre.className="div3D_DivTitre";
         if (this.titre!=""){
             this.DivTitre.appendChild(document.createTextNode(this.titre));
         }
       }
       //RECUPERATION DE LA ZONE CONTENU
       this.DivContenu=document.getElementById(this.id+"_DIVCONTENU");
       this.DivContenu.style.overflow='hidden';
       this.DivContenu.style.height='100%';
       this.DivContenu.style.width='100%';
*/
       // Ajout du HTML dans le parent       
       this.parent.innerHTML+=str;

        
       //RECUPERATION DE LA ZONE ICONE GAUCHE
       this.DivIconeG=document.getElementById(this.id+"_DIVICONEG");

       //RECUPERATION DE LA ZONE ICONE DROITE
       this.DivIconeD=document.getElementById(this.id+"_DIVICONED");
       if (this.DivIconeD){this.DivIconeD.style.position="absolute";}

       //RECUPERATION DE LA ZONE TITRE
       this.DivTitre=document.getElementById(this.id+"_DIVTITRE");
       if (this.DivTitre){
         this.DivTitre.className="div3D_DivTitre";
         if (this.titre!=""){
             this.DivTitre.appendChild(document.createTextNode(this.titre));
         }
       }
       //RECUPERATION DE LA ZONE CONTENU
       this.DivContenu=document.getElementById(this.id+"_DIVCONTENU");
       //this.DivContenu.style.border="1px solid red";                
       //this.DivContenu.style.width="auto";
       //this.DivContenu.style.height="100%";
       //this.DivContenu.style.position="relative";
       //this.DivContenu.style.border="1px solid red";

       
       
}


objDiv3D.prototype.vueDockBarGen = function (){
//==============================

            //---- Table externe
            this.tDecor = document.createElement("TABLE");                   // <table>
            this.tDecor.style.tableLayout = "fixed";  // quelle fction ?
            this.tDecor.style.top = 0;   //pour Mozilla  sinon semble heriter des valeurs du pere
            this.tDecor.style.left = 0;  //pour Mozilla

            this.tDecor.borderCollapse = 'collapse';     //pour Moz
            this.tDecor.cellPading = 0;                  //pour Moz
            this.tDecor.cellSpacing = 0;                 //pour Moz

//           this.tDecor.style.width = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
            this.tDecor.style.height = "100%";   //pour Mozilla  sinon semble heriter des valeurs du pere
            var tBody = document.createElement('TBODY');                     // <tbody>

            //------------    1 ere ligne  -------------------- --------------------------------------------
            this.dockBar = document.createElement('TR')                         //    <tr>
//           this.tDecor.fLigne.style.background   = "url("+ rialtoConfig.pathRialtoE+"images/imgDiv3D/haut-centre.gif)";

            this.dockBar.setImgOpt = function (tAssocImgOpt){
            //-------------------------------------------------
            // d?termine les associations bouton-option-type  <-> image
               this.dockBar.img = tAssocImgOpt;
            }
            
            this.dockBar.displayBton = function (pos,type,mode){
            //---------------------------------------------------
            traceExec('displayBton  pos= '+pos+' type= '+type+' mode= '+mode,61 );
            // passage ? une position de bouton donn?e (pos) ? un (type) des types enregistr?s avec className associ? (img)
                var div = this.lCellBtons[pos].firstChild;
                if (!div.lImg[type]){
                    alert('Aucun bouton de ce type ('+type+') enregistr? ? cette position ('+pos+')');
                    
                }
                else {
                 div.className = div.lImg[type] + mode;
                 div.currentType = type;
                }
            }

            this.dockBar.remBton = function (pos){
            //---------------------------------------
                this.removeChild(this.lCellBtons[pos]);
                if (pos == (this.lCellBtons.length-1))
                   this.lCellBtons.length--;
            }

           this.dockBar.addBton = function (pos,type,img){
           //-----------------------------------------------
           // enregistrement ? une position de bouton donn?e (pos) d un type (type) de bouton avec className associ? (img)
             // extraction nom de m?thode si differente du type

             if (!this.lCellBtons) {
               this.lCellBtons = new Array;    //il faudrait plutot  utiliser l attribut DOM de rencensement des cellules
             }
             //------- nvlle position
             if ((this.lCellBtons.length - 1) < pos){
               var cSep;
               // cr?ation des positions manquantes avant celle ? ajouter
               for (var i=this.lCellBtons.length; i< pos; i++){
                 cSep = document.createElement('TD');                   //  <td>         zone vide pour entretenir un decalage
                 cSep.style.width = '20';
                 var divSep = document.createElement('DIV');                //   <div>        div pour espace
//               divSep.style.background = 'url(rialtoEngine/images/imgFenSimple/transparent.gif)';
                 cSep.appendChild (divSep);
                 this.lCellBtons[i] = cSep;
                 this.lCellBtons[i].espace = true;
                 this.appendChild(cSep);
               }
               // cr?ation de la position du nv bouton
               this.lCellBtons[pos] = document.createElement('TD');
               this.lCellBtons[pos].style.width = '20';
               
               
               var div = document.createElement('DIV');
//               var refImg;  if (img)  refImg = img; else refImg = this.img[type];

               if (type.indexOf('space')==-1){
                var refImg = img ? img : this.img[type];
                //div.style.background = 'url('+ refImg + ')';
                div.className = refImg + 'Off';
                div.lImg = new Array;
                div.lImg[type] = refImg;
                div.currentType = type;
traceExec('div3D div.currentType= '+div.currentType+' type= '+type,61);
                div.onmouseout = function()  {
                   this.className = this.lImg[this.currentType]+'Off';
                }
                div.onmouseover= function()  {
                   this.className = this.lImg[this.currentType] + 'On';
                }
               }
               this.lCellBtons[pos].appendChild(div);
               
               
               this.appendChild(this.lCellBtons[pos]);
             }

             //------- position d?ja occup?e  : ajout d'1 type de bouton
             else {
               if (type.indexOf('space')==-1){   // l ajout d 1 esp sur 1 bton n' a pas l'effet d une alternative
                var div = this.lCellBtons[pos].firstChild;
                if (!div.lImg){
                  div.lImg = new Array;
                  div.onmouseout = function()  {
                     this.className = this.lImg[this.currentType]+'Off';
                  }
                  div.onmouseover= function()  {
                     this.className = this.lImg[this.currentType] + 'On';
                  }
                }
                var refImg = img ? img : this.img[type];
                //div.style.background = 'url('+ refImg + ')';
                div.className = refImg + 'Off';  // bascule
                div.lImg[type]  = refImg;        // enregistrement
                div.currentType = type;          // index
traceExec('div3D ++ div.currentType= '+div.currentType+' type= '+type,61);
               }
             }

             //-------- renvoi la div repr?sentant le bouton
//             return  this.lCellBtons[pos];
             return  div;
           }


           tBody.appendChild(this.dockBar);
           this.tDecor.appendChild(tBody);
}